<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Title</title>
</head>
<style>
    body {
        background: #353f42;
    }

    * {
        padding: 0;
        margin: 0;
    }

    .main {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        width: 450px;
        height: 700px;
        background: #FFFFFF;
        /*以下css用于让登录表单垂直居中在界面,可删除*/
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -350px auto 0 -175px;
    }

    .title {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .title span {
        font-size: 18px;
        color: #353f42;
    }


    .title:hover {
        cursor: default;
    }

    .title-msg span {
        font-size: 12px;
        color: #707472;
    }

    .input-content {
        width: 100%;
        height: 210px;
    }

    .input-content div {
        margin-top: 5px;
    }

    .input-content input {
        width: 330px;
        height: 40px;
        border: 1px solid #dad9d6;
        background: #ffffff;
        padding-left: 10px;
        padding-right: 10px;
    }

    .enter-btn {
        width: 350px;
        height: 40px;
        color: #fff;
        background: #0bc5de;
        line-height: 40px;
        text-align: center;
        border: 0px;
    }

    .enter-btn:hover {
        cursor: pointer;
        background: #1db5c9;
    }

    .foor div:hover {
        cursor: pointer;
        color: #484847;
        font-weight: 600;
    }

</style>
<body>
<div class="main">
    <div class="title">
        <span>新增简历</span>
    </div>
    <form action="/resume/update.do" class="login-form" method="post" novalidate>
        <!--输入框-->
        <div class="input-content">
            <!--autoFocus-->
            <div>
                用户ID:<input type="text" autocomplete="off" th:value="${resume.id}" readonly
                       placeholder="用户ID" name="id" required/>
            </div>
            <div>
                用户名:<input type="text" autocomplete="off" th:value="${resume.name}"
                       placeholder="用户名" name="name" required/>
            </div>
            <div>
                用户手机号:<input type="text" autocomplete="off" th:value="${resume.phone}"
                       placeholder="用户手机号" name="phone" required/>
            </div>
            <div>
                用户地址:<input type="text" autocomplete="off" th:value="${resume.address}"
                       placeholder="用户地址" name="address" required/>
            </div>
        </div>

        <!--登入按钮-->
        <div style="text-align: center">
            <button type="submit" class="enter-btn">修改</button>
        </div>
    </form>
</div>
</body>
</html>
